<style lang="less">

</style>

<template>
  <div>
    <el-col :span="24">
      <el-checkbox v-model="checked" :true-label="1" :false-label="0">备选项</el-checkbox>&nbsp;&nbsp;&nbsp;&nbsp;值:{{checked}}
    </el-col>
    <el-col :span="24">
      <el-checkbox v-model="checked1" :true-label="1000" :false-label="1001">是否可用</el-checkbox>
      <el-button @click="click1">选中</el-button>
      <el-button @click="click2">取消选中</el-button>
    </el-col>
  </div>
</template>

<script>
  export default{
    data () {
      return {
        checked: null,
        checked1: null
      };
    },
    methods: {
      click1 () {
        this.checked1 = 1000;
      },
      click2 () {
        this.checked1 = 1001;
      }
    }
  };
</script>
